<!doctype html>
<html xmlns:th="http://www.thymeleaf.org">>
<head>
    <meta charset="UTF-8">
    <meta name="Generator" content="EditPlus®">
    <meta name="Author" content="">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7; IE=EDGE">
    <meta name="renderer" content="webkit">
    <title>淘淘商城</title>
    <link rel="shortcut icon" type="image/x-icon" th:href="@{/myFile/imgold/icon/favicon.ico}">
    <link rel="stylesheet" type="text/css" th:href="@{/theme/css/base.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/theme/css/home.css}">
    <link rel="stylesheet" type="text/css" th:href="@{/layui/css/layui.css}">
    <script type="text/javascript" th:src="@{/theme/js/jquery.js}"></script>
    <script type="text/javascript" th:src="@{/theme/js/index.js}"></script>
    <script type="text/javascript" th:src="@{/theme/js/searchToPage.js}"></script>
    <script type="text/javascript" th:src="@{/theme/js/js-tab.js}"></script>
    <script>

function logout() {
    $.ajax({
        url: "/user/logout",
        dataType: "json",
        data: {},
        async: false,
        success: function (data) {
            if (data["result"] == "ok") {
                layer.msg('退出成功', {time: 1000}, function () {
                    window.location="index" ;
                });
            } else if (data["result"] == "fail") {
                layer.msg('您还没有登录哦~', {time: 1000}, function () {
                    window.location.reload();
                });
            }
        },
        type: "post"
    });
}
          $(document).ready(function () {
              var data = $("#cartIdNull").val();
            $("#test").mouseover(function () {
                if(data=='notNull'){
                    layer.open({
                        type: 2,
                        title: '我的购物车',
                        shadeClose: true,
                        area: ['19%','60%'],
                        offset: ['9%', '76%'],
                        content: '/cart?pageNum=1&pageSize=100', //iframe的url
                    });
                }else{
                    layer.open({
                        type: 2,
                        title: '我的购物车',
                        shadeClose: true,
                        area: ['20%','20%'],
                        offset: ['9%', '76%'],
                        content: '/cart?pageNum=1&pageSize=100', //iframe的url
                    });
                }
            });

        });
        $(function () {
            $(".yScrollListInList1 ul").css({width: $(".yScrollListInList1 ul li").length * (160 + 84) + "px"});
            $(".yScrollListInList2 ul").css({width: $(".yScrollListInList2 ul li").length * (160 + 84) + "px"});
            var numwidth = (160 + 84) * 4;
            $(".yScrollListInList .yScrollListbtnl").click(function () {
                var obj = $(this).parent(".yScrollListInList").find("ul");
                if (!(obj.is(":animated"))) {
                    var lefts = parseInt(obj.css("left").slice(0, -4));
                    if (lefts < 60) {
                        obj.animate({left: lefts + numwidth}, 1000);
                    }
                }
            })
            $(".yScrollListInList .yScrollListbtnr").click(function () {
                var obj = $(this).parent(".yScrollListInList").find("ul");
                var objcds = -(60 + (Math.ceil(obj.find("li").length / 4) - 4) * numwidth);
                if (!(obj.is(":animated"))) {
                    var lefts = parseInt(obj.css("left").slice(0, -4));
                    if (lefts > objcds) {
                        obj.animate({left: lefts - numwidth}, 1000);
                    }
                }
            })
        })
    </script>
    <script>
        $(function () {

            $("#H-table li").each(function (i) {
                $(this).click((function (k) {
                    var _index = k;
                    return function () {
                        $(this).addClass("cur").siblings().removeClass("cur");
                        $(".H-over").hide();
                        $(".H-over:eq(" + _index + ")").show();
                    }
                })(i));
            });
            $("#H-table1 li").each(function (i) {
                $(this).click((function (k) {
                    var _index = k;
                    return function () {
                        $(this).addClass("cur").siblings().removeClass("cur");
                        $(".H-over1").hide();
                        $(".H-over1:eq(" + _index + ")").show();
                    }
                })(i));
            });
        });
    </script>
    <script type="text/javascript">
        (function (a) {
            a.fn.hoverClass = function (b) {
                var a = this;
                a.each(function (c) {
                    a.eq(c).hover(function () {
                        $(this).addClass(b)
                    }, function () {
                        $(this).removeClass(b)
                    })
                });
                return a
            };
        })(jQuery);

        $(function () {
            $("#pc-nav").hoverClass("current");
        });
    </script>

</head>
<body>

 <input type="hidden" id="cartIdNull" th:value="${session.cartIsNull}">
<!--- header begin-->
<header id="pc-header">
    <div class="BHeader">
        <div class="yNavIndex">
            <ul class="BHeaderl">
                <li><a th:if="${session.userId}==null" th:href="@{/login}">请登录</a></li>
                <li class="headerul" th:if="${session.userId}==null">|</li>
                <li><a th:if="${session.userId}==null" th:href="@{/register}">免费注册</a></li>
                <li class="headerul" th:if="${session.userId}==null">|</li>
                <li><a th:href="@{/myOrder}" th:if="${session.userId}!=null">我的订单</a></li>
                <li class="headerul" th:if="${session.userId}!=null">|</li>
                <li><a th:href="@{/myCollect}" th:if="${session.userId}!=null">我的收藏</a></li>
                <li class="headerul" th:if="${session.userId}!=null">|</li>
                <li id="pc-nav" class="menu" th:if="${session.userId}!=null"><a th:href="@{#}" class="tit">我的淘淘</a>
                    <div class="subnav">
                        <a th:href="@{/accountSecurity}">账户安全</a>
                        <a th:href="@{/myAddress}">地址管理</a>
                        <a th:href="@{/myEvaluate}">我的评价</a> <a th:href="@{/viewHistory}">浏览记录</a>
                    </div>
                </li>
                <li class="headerul" th:if="${session.userId}!=null">|</li>
                <li th:if="${session.userId}!=null">
                    <a th:text="${session.userName}"></a>
                </li>
                <li th:if="${session.userId}!=null">
                    <img th:src="'/myFile/img/userHeadPic/'+${session.userHead}+''" onclick="javascript:window.location='myInfo'"  style=" width:30px;height:30px;">
                    <a href="javascript:logout()" style="float: right;">退出</a>
                </li>
            </ul>
        </div>
    </div>
    <div class="container clearfix" style="padding:20px 0 20px ">
        <div class="header-logo fl"><h1><a th:href="@{/index}" style="color:#ea4949;">
            <img th:src="@{/myFile/imgold/icon/logo1.png}" style="width:100px;height:80px;"><strong>淘淘商城</strong></a>
        </h1>
        </div>
        <div class="head-form fl">
            <form class="clearfix">
                <input type="text" class="search-text" id="searchKey" autocomplete="off" placeholder="手机">
                <button type="button" class="button" onclick="searchToPage();">搜索</button>
            </form>
            <div class="words-text clearfix">
                <a th:href="@{/#}" class="red">1元秒爆</a>
                <a th:href="@{/#}">低至五折</a>
                <a th:href="@{/#}">农用物资</a>
                <a th:href="@{/#}">买一赠一</a>
                <a th:href="@{/#}">佳能相机</a>
                <a th:href="@{/#}">稻香村月饼</a>
                <a th:href="@{/#}">服装城</a>
            </div>
        </div>
        <div class="header-cart fr" style="z-index:999;">
            <ul id="test">
                <a  th:href="@{/myCart?pageNum=1&pageSize=5}" style="height:30px;width:30px;float:right;margin-right:50px;"><img
                        src="../myFile/imgold/icon/car.png"></a>
                <i th:if="${cartIsNull}!=null" class="head-amount" id="cartCountExist" th:text="${allCount}"></i>
                <i th:if="${cartIsNull}==null" class="head-amount" id="cartCountUnExist">0</i>
                <li style="position:absolute;top:30px;">
                    <div id="test1"
                         style="display:none;width:300px;background-color:white;border:1px solid red;">
                        <div th:if="${cartIsNull}!=null">


                            <div th:each="cart : ${allCart}" style="border-bottom: 1px solid #e6e6e6;padding:10px;">
                                <div style="margin-left:10px;">
                                    <a href="#" >
                                        <img th:src="'/myFile/img/commodityPic/'+${cart.picLink}+''" width="60" height="60">
                                        <p href="#" style="float:right;width:130px;height:40px" th:text="${cart.typeName}"></p>
                                    </a>
                                </div>
                                <div style="margin-left:10px;margin-top:10px;height:30px;">
                                    <span th:text="'￥'+${cart.price}"style="line-height:30px;"></span>&nbsp×
                                    <span th:text="${cart.commodityCount}"></span>
                                    <button type="button" th:name="${cart.cartId}" onclick="javascript:delCartOnPages(this)"
                                            class="layui-btn layui-btn-sm layui-btn-primary"
                                            style="float:right;margin-right: 0px;">
                                        删除
                                    </button>
                                </div>
                            </div>

                            <div style="margin-left:10px;height:30px;padding:10px;" id="tips">
                                共<span th:text="${allCount}" style="line-height:30px;"></span>件商品 总计<span th:text="${allPrice}"></span>元
                                <button class="layui-btn layui-btn-sm layui-btn-danger"
                                        onclick="javascript:window.location='myCart?pageNum=1&pageSize=5'" style="float:right;margin-right: 0px;">去购物车
                                </button>
                            </div>
                        </div>
                        <div th:if="${cartIsNull}==null">
                            <div style="text-align: center;font-size: 14px;margin:20px">您还没有添加商品哦~</div>
                        </div>
                    </div>

                </li>
            </ul>
        </div>
        <div class="head-mountain"></div>
    </div>
    <div class="yHeader">
        <div class="yNavIndex">
            <div class="pullDown">
                <h2 class="pullDownTitle">全部商品分类</h2>
            </div>
            <ul class="yMenuIndex">
                <li><a th:href="@{#}" target="_blank">服装城</a></li>
                <li><a th:href="@{#}" target="_blank">美妆馆</a></li>
                <li><a th:href="@{#}" target="_blank">美食</a></li>
                <li><a th:href="@{#}" target="_blank">全球购</a></li>
                <li><a th:href="@{#}" target="_blank">闪购</a></li>
                <li><a th:href="@{#}" target="_blank">团购</a></li>
                <li><a th:href="@{#}" target="_blank">拍卖</a></li>
                <li><a th:href="@{#}" target="_blank">金融</a></li>
                <li><a th:href="@{#}" target="_blank">智能</a></li>
            </ul>
        </div>
    </div>
</header>
<!-- header End -->

<div class="containers">
    <div class="time-title time-clear"><h2>搜索结果</h2>
        <div class="pc-font fl"></div>
        <a th:href="@{#}" class="pc-spin fr">换一换</a></div>
    <div style="border: 1px black">
        <div class="time-border-list pc-search-list member-all1 clearfix" style="padding:20px;">
            <div>
                <ul class="clearfix">
                    <li>
                        <a href="#">
                            <img src="/myFile/imgold/pd/p1.png">
                            <p class="head-name pc-pa10">TP-LINK TL-WN725N 微型150M无线USB网卡</p>
                            <p class="label-default">3.45折</p>
                        </a>
                    </li>

                </ul>


            </div>
        </div>
    </div>


</div>

<div class="time-lists clearfix">
    <div class="time-list time-list-w fl">
        <div class="time-title time-clear"><h2>热卖区</h2>
            <div class="pc-font fl"></div>
            <a th:href="@{#}" class="pc-spin fr">换一换</a></div>
        <div class="time-border">
            <div class="yScrollList">
                <div class="yScrollListIn">
                    <div class="yScrollListInList yScrollListInList1" style="display:block;">
                        <ul style="width: 2440px;">
                            <li>
                                <a th:href="@{#}">
                                    <img th:src="@{/myFile/imgold/pd/p1.png}">
                                    <p class="head-name pc-pa10">TP-LINK TL-WN725N 微型150M无线USB网卡</p>
                                    <p class="label-default">3.45折</p>
                                </a>
                            </li>
                            <li>
                                <a th:href="@{#}">
                                    <img th:src="@{/myFile/imgold/pd/p2.png}">
                                    <p class="head-name pc-pa10">TP-LINK TL-WN725N 微型150M无线USB网卡</p>
                                    <p class="label-default">3.45折</p>
                                </a>
                            </li>
                            <li>
                                <a th:href="@{#}">
                                    <img th:src="@{/myFile/imgold/pd/p3.png}">
                                    <p class="head-name pc-pa10">TP-LINK TL-WN725N 微型150M无线USB网卡</p>
                                    <p class="label-default">3.45折</p>
                                </a>
                            </li>
                            <li>
                                <a th:href="@{#}">
                                    <img th:src="@{/myFile/imgold/pd/p4.png}">
                                    <p class="head-name pc-pa10">TP-LINK TL-WN725N 微型150M无线USB网卡</p>
                                    <p class="label-default">3.45折</p>
                                </a>
                            </li>
                            <li>
                                <a th:href="@{#}">
                                    <img th:src="@{/myFile/imgold/pd/p5.png}">
                                    <p class="head-name pc-pa10">TP-LINK TL-WN725N 微型150M无线USB网卡</p>
                                    <p class="label-default">3.45折</p>
                                </a>
                            </li>
                            <li>
                                <a th:href="@{#}">
                                    <img th:src="@{/myFile/imgold/pd/p6.png}">
                                    <p class="head-name pc-pa10">TP-LINK TL-WN725N 微型150M无线USB网卡</p>
                                    <p class="label-default">3.45折</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div class="pc-120"></div>
<!--- footer begin-->
<div class="aui-footer-bot">
    <div class="time-lists aui-footer-pd clearfix">
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img th:src="@{/myFile/imgold/icon/icon-d1.png}"></span>
                <em>消费者权益</em>
            </h4>
            <ul>
                <li><a th:href="@{/#}">保障范围 </a></li>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img th:src="@{/myFile/imgold/icon/icon-d2.png}"></span>
                <em>新手上路</em>
            </h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img th:src="@{/myFile/imgold/icon/icon-d3.png}"></span>
                <em>保障正品</em>
            </h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>
                <span><img th:src="@{/myFile/imgold/icon/icon-d1.png}"></span>
                <em>消费者权益</em>
            </h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
    </div>
    <div style="border-bottom:1px solid #dedede"></div>
    <div class="time-lists aui-footer-pd time-lists-ls clearfix">
        <div class="aui-footer-list clearfix">
            <h4>购物指南</h4>
            <ul>
                <li><a th:href="@{/#}">保障范围 </a></li>
                <li><a th:href="@{/#}">购物流程</a></li>
                <li><a th:href="@{/#}">会员介绍 </a></li>
                <li><a th:href="@{/#}">生活旅行</a></li>
                <li><a th:href="@{/#}"> 常见问题 </a></li>
                <li><a th:href="@{/#}"> 联系客服购物指南 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>特色服务</h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>帮助中心</h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
        <div class="aui-footer-list clearfix">
            <h4>新手指导</h4>
            <ul>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">退货退款流程</a></li>
                <li><a th:href="@{/#}">服务中心 </a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}">服务中心</a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
                <li><a th:href="@{/#}"> 更多特色服务 </a></li>
            </ul>
        </div>
    </div>
</div>
<!-- footer End -->
</body>
</html>